﻿@{
    ViewBag.Title = "ProductDetail";
}

<script type="text/javascript">
    $(document).ready(function () {
        $('#btnCustomise').click(function () {
            $('#frmSetPersonalDetail').submit();
        })
    });
            </script>
    <div class="Team-Customise">
        <div style="clear:both; height: 4px;"></div>        
    </div>
    <div class="clearfix"></div>
    <div id="dvNavigation">
        <div id="innerNavigation">    
            <a href="/Layout/Index"> 
                <img src="~/WebKits/customNRL_images/Home.png"/>
            </a>        
            <a href="#">  </a>&gt;<a> Parramatta Eels - 2014 Diary  </a>
            
        </div>
    </div>

    <div id="dvContent" style="background-color:white;">
        <div id="dvProductListLeftSide">
            @Html.Action("MenuLeft","Layout")
        </div>
        
        <div id="dvProductListRightSide">
            <div class="products-slider" style="position: relative;"><a class="cycle-sentinel cycle-slide" style="position: static; top: 0px; left: 0px; z-index: 99; opacity: 1; visibility: hidden; display: block;">
                    <img src="~/WebKits/customNRL_images/CS012155 NRL Calendar tiles_ .jpg" style="width: 768px; border: 1px solid gray; display: none; visibility: hidden;" onerror="$(this).hide();">
                </a> 
            <a class="cycle-slide cycle-slide-active" style="position: absolute; top: 0px; left: 0px; z-index: 99; opacity: 1;">
                    <img src="~/WebKits/customNRL_images/CS012155 NRL Calendar tiles_ .jpg" style="width: 768px; border: 1px solid gray; display: none;" onerror="$(this).hide();">
                </a></div>
            <div id="product-detail">                                        
                <div class="product-detail">                                          
                     <div class="image">                                 
                         <div id="wrap" style="top:0px;z-index:99;position:relative;">
                             <a href="~/WebKits/customNRL_images/download.jpg" id="zoom01" class="cloud-zoom " rel="position:&#39;right&#39;, adjustX:45, adjustY:-20,  softFocus:false, zoomWidth:370, zoomHeight:350   " style="position: relative; display: block;">
                                <img src="~/WebKits/customNRL_images/download.jpg" alt="Parramatta Eels - 2014 Diary" class="product-img" style="display: block;">
                            </a>
                             <div class="mousetrap" style="background-image:url(&quot;.&quot;);z-index:99;position:absolute;width:300px;height:300px;left:0px;top:0px;"></div>
                             <div class="mousetrap" style="background-image: url(https://www.customnrl.com.au/Product/); z-index: 99; position: absolute; width: 300px; height: 300px; left: 0px; top: 0px; cursor: move;"></div>
                         </div>
                        <a href="#" id="lnkZoomImage">
                            <img src="~/WebKits/customNRL_images/ZoomImage.png">
                        </a>
                        <div id="productImageZoom" style="display: none; width: 600px; height: 660px;">
                            <img src="~/WebKits/customNRL_images/download.jpg" alt="Parramatta Eels - 2014 Diary">
                        </div>
                        <div style="width: 362px;height: 340px;margin-left: -32px;margin-top: 39px;">
                                        <p> Please be aware that the image shown is a close representation of actual item for reference purposes. Artwork result on final product may vary slightly due to factors that can affect the production process.</p>
                                </div>
                     </div>
                     <div class="info">
            <form action="https://www.customnrl.com.au/Cart/AddToCart" class="AddToCart" method="post">            
                <div class="name ">Parramatta Eels - 2014 Diary</div>
                <div class="price">AUD $29.95 (inc GST)</div>
                <div class="nismessage">For Australia, order by 10th December for Pre-Christmas delivery.<br>For New Zealand, order by 25th November for Pre-Christmas delivery.</div>
                <div class="description"><ul><li>A5 (148mm x 210mm)</li><li>2014 Calendar Year</li><li>Customised with your name!</li><li>Week view per spread</li><li>Spiral Bound</li><li>Plus interactive fixture stickers</li> </ul><p>Get organised with a 2014 Custom AFL Diary. </p></div>
            <input data-val="true" data-val-number="The field ProdetailID must be a number." data-val-required="The ProdetailID field is required." id="ProdetailID" name="ProdetailID" type="hidden" value="97822">   
            <input id="ProdetailID" name="ProdetailID" type="hidden" value="97822">         
            <input type="hidden" name="setname" value="DR_EEL_Diary2014">
            <input type="hidden" name="width" value="300">
            <input type="hidden" name="qty" value="1">
            <input id="productid" name="productid" type="hidden" value="49635">         
            <div class="clearfix"></div>
                     
            </form>                  
            
                  </div>
                    <div class="clearfix"></div>
               </div>                             
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
@section scripts{
    <!--start product-->
        <script>
            $(document).ready(function () {

                $('.Product-Range').click(function () {
                    var productRange = $(this).attr("data-label");
                    $('#hdnProductRange').val(productRange);
                    $('#frmSetPersonalDetail').submit();
                });
                $("#liGiftUnder20").click(function () {
                    $('#hdnPriceRange').val(-20);

                    $('#frmSetPersonalDetail').submit();

                });
                $("#liGiftUnder50").click(function () {
                    $('#hdnPriceRange').val(-50);
                    $('#frmSetPersonalDetail').submit();

                });
                $("#liGiftUnder100").click(function () {
                    $('#hdnPriceRange').val(-100);
                    $('#frmSetPersonalDetail').submit();
                });
            });
        </script>
        <script>
            $(document).ready(function () {
                $('.firstItem').on("click", function () {
                    //alert('aa');
                    $(this).toggleClass("expand");

                    if (!$(this).hasClass("expand")) {
                        $(this).next().show("swing");
                    }
                    else {
                        $(this).next().hide("swing");
                    }

                });

            });
            function ImgError(source) {
                source.src = "/WebKits/customNRL_images/NRL.png";
                source.onerror = "";
                return true;
            }
        </script>
        <!--end product-->
    }
